<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <title>图书管理系统</title>
    <meta name="description" content="AppUI is a Web App Bootstrap Admin Template created by pixelcave and published on Themeforest">
    <meta name="author" content="pixelcave">
    <meta name="robots" content="noindex, nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="shortcut icon" href="../../img/favicon.png">
    <link rel="apple-touch-icon" href="../../img/icon57.png" sizes="57x57">
    <link rel="apple-touch-icon" href="../../img/icon72.png" sizes="72x72">
    <link rel="apple-touch-icon" href="../../img/icon76.png" sizes="76x76">
    <link rel="apple-touch-icon" href="../../img/icon114.png" sizes="114x114">
    <link rel="apple-touch-icon" href="../../img/icon120.png" sizes="120x120">
    <link rel="apple-touch-icon" href="../../img/icon144.png" sizes="144x144">
    <link rel="apple-touch-icon" href="../../img/icon152.png" sizes="152x152">
    <link rel="apple-touch-icon" href="../../img/icon180.png" sizes="180x180">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/plugins.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/themes.css">
    <script src="../../js/vendor/modernizr-3.3.1.min.js"></script>
</head>
<body>
<div id="page-wrapper" class="page-loading">
    <div class="preloader">
        <div class="inner">
            <div class="preloader-spinner themed-background hidden-lt-ie10"></div>
            <h3 class="text-primary visible-lt-ie10"><strong>Loading..</strong></h3>
        </div>
    </div>
    <div id="page-container" class="header-fixed-top sidebar-visible-lg-full">
        <div id="sidebar">
            <div id="sidebar-brand" class="themed-background">
                <a href="" class="sidebar-title">
                    <i class="fa fa-cube"></i> <span class="sidebar-nav-mini-hide">图书管理系统</span>
                </a>
            </div>
            <div id="sidebar-scroll">
                <!-- Sidebar Content -->
                <div class="sidebar-content">
                    <!-- Sidebar Navigation -->
                    <ul class="sidebar-nav">
                        <li>
                            <a href="../../reader_index.html"><i class="gi gi-compass sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">首页</span></a>
                        </li>
                        <li class="sidebar-separator">
                            <i class="fa fa-ellipsis-h"></i>
                        </li>
                        <li>
                            <a href="reader_books.html" class=" active"><i class="fa fa-rocket sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">图书查询</span></a>
                        </li>
                        <li>
                            <a href="#" class="sidebar-nav-menu"><i class="fa fa-chevron-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-airplane sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">我的借还</span></a>
                            <ul>
                                <li>
                                    <a href="reader_return_books.html">我要还书</a>
                                </li>
                                <li>
                                    <a href="reader_lend_list.html">借还管理</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#" class="sidebar-nav-menu"><i class="fa fa-chevron-left sidebar-nav-indicator sidebar-nav-mini-hide"></i><i class="gi gi-more_items sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">图书挂失</span></a>
                            <ul>
                                <li>
                                    <a href="reader_guashi_books.html">挂失</a>
                                </li>
                                <li>
                                    <a href="reader_jiegua_books.html">解挂</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="reader_info.html"></i><i class="fa fa-gift sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">个人信息</span></a>
                        </li>
                        <li>
                            <a href="reader_repasswd.html"><i class="gi gi-inbox sidebar-nav-icon"></i><span class="sidebar-nav-mini-hide">密码修改</span></a>
                        </li>
                    </ul>
                    <!-- END Sidebar Navigation -->
                </div>
                <!-- END Sidebar Content -->
            </div>
            <!-- END Wrapper for scrolling functionality -->

            <!-- Sidebar Extra Info -->
            <div id="sidebar-extra-info" class="sidebar-content sidebar-nav-mini-hide">

                <div class="progress progress-mini push-bit">
                    <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
                </div>
                <div class="text-center">
                    <small>Crafted with <i class="fa fa-heart text-danger"></i> by <a href="#" target="_blank">安阳师范学院</a></small><br>
                    <small><span>2019-12</span> &copy; <a href="#">软件学院</a></small>
                </div>
            </div>
            <!-- END Sidebar Extra Info -->
        </div>
        <!-- END Main Sidebar -->

        <!-- Main Container -->
        <div id="main-container">

            <header class="navbar navbar-inverse navbar-fixed-top">
                <!-- Left Header Navigation -->
                <ul class="nav navbar-nav-custom">
                    <!-- Main Sidebar Toggle Button -->
                    <li>
                        <a href="javascript:void(0)" onclick="App.sidebar('toggle-sidebar');this.blur();">
                            <i class="fa fa-ellipsis-v fa-fw animation-fadeInRight" id="sidebar-toggle-mini"></i>
                            <i class="fa fa-bars fa-fw animation-fadeInRight" id="sidebar-toggle-full"></i>
                        </a>
                    </li>
                    <li class="hidden-xs animation-fadeInQuick">
                        <a href=""><strong>WELCOME</strong></a>
                    </li>
                </ul>
                <ul class="nav navbar-nav-custom pull-right">
                    <!-- User Dropdown -->
                    <li class="dropdown">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="../../img/0.jpg" alt="avatar" style="border-style: none;">
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="dropdown-header">
                                <strong>王莞尔</strong>
                            </li>
                            <li>
                                <a href="reader_repasswd.html" onclick="App.sidebar('toggle-sidebar-alt');">
                                    <i class="gi gi-settings fa-fw pull-right"></i>
                                    修改密码
                                </a>
                            </li>
                            <li>
                                <a href="../../lock.html">
                                    <i class="gi gi-lock fa-fw pull-right"></i>
                                    锁屏
                                </a>
                            </li>
                            <li>
                                <a href="../../login.html">
                                    <i class="fa fa-power-off fa-fw pull-right"></i>
                                    退出
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!-- END User Dropdown -->
                </ul>
                <!-- END Right Header Navigation -->
            </header>
            <!-- END Header -->


            <!--main-->
            <div style="background-color:#fff;width: auto;height: 720px;padding-top: 80px;" >
                <div class="col-xs-6 col-md-offset-3" style="position: relative;top: 3%">
                    <div class="panel panel-primary" style="border-color: #5ccdde;">
                        <div class="panel-heading" style="background-color: #5ccdde;border-color: #5ccdde;">
                            <h3 class="panel-title"></h3>
                        </div>
                        <div class="panel-body">
                            <table class="table table-hover">
                                <tr>
                                    <th width="15%">书名</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>作者</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>出版社</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>ISBN</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>简介</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>语言</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>价格</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>出版日期</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>分类</th>
                                    <td></td>
                                </tr>
                                <tr>
                                    <th>剩余数量</th>
                                    <td></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <nav aria-label="..." style="margin-left: 560px;margin-top: 560px;">
                <ul class="pager">
                    <li><a href="#" onclick="javascript:history.back(-1);">返回</a></li>
                </ul>
            </nav>
            </div>

        </div>
    </div>
</div>
<!-- END Main Container -->

<script src="../../js/vendor/jquery-2.2.4.min.js"></script>
<script src="../../js/vendor/bootstrap.min.js"></script>
<script src="../../js/plugins.js"></script>
<script src="../../js/app.js"></script>
<script src="../../js/pages/readyDashboard.js"></script>
<script>$(function(){ ReadyDashboard.init(); });</script>
</body>
</html>